<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>个人信息修改审核</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../../css/font.css">
    <link rel="stylesheet" href="../../css/iconfont.css">
    <link rel="stylesheet" href="../../lib/layui/css/layui.css" media="all">

    <link rel="stylesheet" href="../../css/xadmin.css">
    <script src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../js/xadmin.js"></script>
    <script src="../../js/base.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        tr td,
        tr th {
            text-align: center !important;
            border: none !important;
        }

        tr td {
            border-bottom: 1px solid #eee !important;
            border-top: 1px solid #eee !important;
        }
    </style>
</head>

<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card" style="display: flex;justify-content: space-between;">
                <div class="layui-card-body ">
                    <blockquote class="layui-elem-quote" style="border:0;font-size: 18px;color: #000;">信息修改审核
                    </blockquote>
                </div>
            </div>
        </div>
        <div class="layui-card-body layui-table-body layui-table-main">

            <!-- 表格部分开始 -->
            <table id="video_table" lay-filter="test" lay-data="{id: 'testReload'}"></table>
            <script type="text/html" id="barDemo2"></script>
            <script type="text/html" id="barDemo">
                {{#  if(d.isPass == "0"){ }}
                <a lay-event="drawback" class="btn_a layui-btn layui-btn-primary layui-btn-xs">审核</a>
                {{#  } else { }}
                <a lay-event="noClick" class="btn_a layui-btn layui-btn-primary layui-btn-xs layui-btn-disabled">审核</a>
                {{#  }}}
                <a lay-event="drawbackLook" class="btn_a layui-btn layui-btn-xs">查看</a>
            </script>
            <!-- 表格结束 -->
        </div>
    </div>
</div>

</div>
</body>

</html>

<script>
    function show_img(t) { //放大图片
        var t = $(t).find("img");
        //页面层
        layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['300px', '343px'], //宽高
            shadeClose: true, //开启遮罩关闭
            end: function (index, layero) {
                return false;
            },
            content: '<div style="text-align:center;width:100%;height: 100%;overflow: hidden"><img src="' + $(t)
                .attr('src') + '" style="width:100%;height: 100%;display: block;margin: 0 auto;"/></div>'
        });
    }

    layui.use('table', function () {
        var table = layui.table;
        var form = layui.form;

        var index = layer.load(1); //添加laoding,0-2两种方式

        //第一个实例
        table.render({
            elem: '#video_table', //指定原始表格元素选择器（推荐id选择器）
            // height: 600,
            width: "100%",
            // where: { 'id': 1 },
            loading: true,
            method: 'get',
            url: LL_findAdminApproveList, //数据接口
            page: true, //开启分页
            // totalRow: true,
            parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.msg, //解析接口状态
                    "count": res.total, //解析数据长度
                    "data": res.approveList //解析数据列表
                    // "code": 0, //解析接口状态
                    // "count": 9, //解析数据长度
                    // "data":  [
                    //         {   
                    //             "area": "李沧区",
                    //             "birthDay": "1997-07-27",
                    //             "address": "虎山路",
                    //             "documentType": "1",
                    //             "city": "青岛",
                    //             "nickName": "kong",
                    //             "documentNumber": "371328199705121012",
                    //             "sex": "1",
                    //             "type": 1,
                    //             "userId": 163,
                    //             "passCause": null,
                    //             "identity": "1",
                    //             "swapId": 8,
                    //             "teamId": 0,
                    //             "name": "kongyisong",
                    //             "adminId": "1,15,23,",
                    //             "isPass": 0,
                    //             "headPortraitUrl": "http://newtest.sdfa.org.cn:80/footballAssociation/upload/user/1580871021093.jpg",
                    //             "introduction": "个人简介"
                    //         },
                    //         {   
                    //             "area": "李沧区",
                    //             "birthDay": "1997-07-27",
                    //             "address": "虎山路",
                    //             "documentType": "1",
                    //             "city": "青岛",
                    //             "nickName": "kong",
                    //             "documentNumber": "371328199705121012",
                    //             "sex": "1",
                    //             "type": 1,
                    //             "userId": 163,
                    //             "passCause": null,
                    //             "identity": "1",
                    //             "swapId": 13,
                    //             "teamId": 0,
                    //             "name": "kongyisong",
                    //             "adminId": "1,15,23,",
                    //             "isPass": 1,
                    //             "headPortraitUrl": "''",
                    //             "introduction": "个人简介"
                    //         },
                    //         {
                    //             "area": "李沧区",
                    //             "birthDay": "1997-07-27",
                    //             "address": "虎山路",
                    //             "documentType": "1",
                    //             "city": "青岛",
                    //             "nickName": "kong",
                    //             "documentNumber": "371328199705121012",
                    //             "sex": "1",
                    //             "type": 1,
                    //             "userId": 163,
                    //             "passCause": null,
                    //             "identity": "1",
                    //             "swapId": 21,
                    //             "teamId": 0,
                    //             "name": "kongyisong",
                    //             "adminId": "1,15,23,",
                    //             "isPass": 2,
                    //             "headPortraitUrl": "http://newtest.sdfa.org.cn:80/footballAssociation/upload/user/1580871021093.jpg",
                    //             "introduction": "个人简介"
                    //         },] //解析数据列表
                };
            },
            // toolbar: 'default', //开启工具栏，此处显示默认图标
            cols: [
                [ //表头
                    {
                        field: 'nickName',
                        title: '用户名称',
                        width: 150
                    },
                    {
                        field: 'name',
                        title: '真实姓名',
                        width: 150
                    },
                    {
                        field: 'sex',
                        title: '性别',
                        width: 80,
                        templet: function (d) {
                            if (d.sex == "1") {
                                return "男"
                            } else if (d.sex == "2") {
                                return "女"
                            } else {
                                return "未知"
                            }
                        }
                    },
                    {
                        field: 'birthDay',
                        title: '出生日期',
                        width: 150,
                    },
                    {
                        field: 'identity',
                        title: '身份',
                        width: 200,
                        // templet: function (d) {
                        //     if (d.identity == "1") {
                        //         return "教练员"
                        //     } else if (d.identity == "2") {
                        //         return "裁判员"
                        //     } else if (d.identity == "3") {
                        //         return "球员"
                        //     }else {
                        //         return "其他"
                        //     }
                        // }
                    },
                    {
                        field: 'documentType',
                        title: '证件类型',
                        width: 120,
                        templet: function (d) {
                            if (d.documentType == "1") {
                                return "身份证"
                            } else if (d.documentType == "2") {
                                return "护照"
                            } else if (d.documentType == "3") {
                                return "户口本"
                            } else {
                                return "未知"
                            }
                        }
                    },
                    {
                        field: 'documentNumber',
                        title: '证件号码',
                        width: 200,
                    },
                    {
                        field: 'city',
                        title: '城市',
                        width: 100,
                    },
                    {
                        field: 'area',
                        title: '地区',
                        width: 100,
                    },
                    {
                        field: 'address',
                        title: '通信地址',
                        width: 150,
                    },
                    {
                        field: 'introduction',
                        title: '个人简介',
                        width: 150,
                    },
                    {
                        field: 'headPortraitUrl',
                        title: '头像',
                        width: 150,
                        templet: function (d) {
                            if (d.headPortraitUrl == null) {
                                return "-"
                            } else {
                                return "<div onclick='show_img(this)' ><img style='width: 32px;height: 32px;' src='" +
                                    d.headPortraitUrl + "'></div>'"
                            }
                        }
                    },
                    {
                        field: 'isPass',
                        title: '审核状态',
                        width: 120,
                        templet: function (d) {
                            if (d.isPass == "0") {
                                return "<span style='color: #3DB6FE'>未审核</span>"
                            } else if (d.isPass == "1") {
                                return "已审核"
                            } else if (d.isPass == "2") {
                                return "<span style='color: red'>未通过</span>"
                            } else {
                                return "未知"
                            }
                        }
                    },
                    {fixed: 'right', title: "操作", width: 220, align: 'center', toolbar: '#barDemo'}
                ]
            ],
            id: 'testReload',
            done: function (res) {
                layer.close(index)
                if (res.msg == "请重新登录") {
                    parent.window.location.href = getRequestPrefix() + "/footBallAdmin/login.html"
                }
            }
        });


        //头部输入框筛选功能
        var $ = layui.$,
            active = {

                reload: function () {

                    var paymentType = $('#paymentType');
                    var orderNum = $('#orderNum');
                    // 执行重载（重新加载数据表格）
                    table.reload('testReload', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        },
                        where: {
                            "paymentType": paymentType.val(),
                            "orderNum": orderNum.val()
                        }
                    }, 'data');
                }
            };


        //给查询添加点击事件
        $('.search').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            //一定要阻止表单的默认行为（刷新）
            return false
        });


        //监听头工具栏事件


        //监听点击的按钮，获取行信息
        table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            //获得当前行数据
            var $ = layui.$
            var data = obj.data, layEvent = obj.event; //获得 lay-event 对应的值

            if (layEvent === "drawback") {
                // layer.msg('修改操作');
                layer.open({
                    content: "./edit_infoAudit.html",
                    type: 2,//打开的窗口的类型
                    area: ["600px", "500px"],
                    title: "审核信息",
                    // btn: ['确认', '取消'],//开启显示按钮功能
                    // btnAlign: 'c',//居中显示按钮
                    // shade:true,
                    shadeClose: true,
                    success: function (layero, index) {
                        // console.log(data)//获取点击行的数据,获取打开的iframe

                        var body = layer.getChildFrame('body', index);
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                        console.log(iframeWin, "子窗口对象")
                        //行信息数据回显
                        console.log(data, "行信息")


                        body.find('#nickName').html(data.nickName) //用户名
                        body.find('#name').html(data.name) //真实姓名

                        if (data.sex == "1") {
                            body.find('#sex').html('男') //性别
                        } else if (data.sex == "2") {
                            body.find('#sex').html('女') //性别
                        } else {
                            body.find('#sex').html('未知') //性别
                        }

                        body.find('#birthDay').html(data.birthDay) //出生日期

                        // if (data.identity == "1") {
                        //     body.find('#identity').html('教练员') //身份
                        // } else if (data.identity == "2") {
                        //     body.find('#identity').html('裁判员') //身份
                        // } else if (data.identity == "3") {
                        //     body.find('#identity').html('球员') //身份
                        // } else {
                        //     body.find('#identity').html('其他') //身份
                        // }
                        body.find('#identity').html(data.identity) //身份

                        if (data.documentType == "1") {
                            body.find('#documentType').html('身份证') //证件类型
                        } else if (data.documentType == "2") {
                            body.find('#documentType').html('护照') //证件类型
                        } else if (data.documentType == "3") {
                            body.find('#documentType').html('户口本') //证件类型
                        } else {
                            body.find('#documentType').html('未知') //证件类型
                        }

                        body.find('#documentNumber').html(data.documentNumber) //证件号码
                        body.find('#city').html(data.city) //城市
                        body.find('#area').html(data.area) //地区
                        body.find('#address').html(data.address) //通信地址
                        body.find('#introduction').html(data.introduction) //个人简介
                        body.find('#headPortraitUrl').attr("src", data.headPortraitUrl);   //头像


                        body.find('#yuanyinBox').hide() //展示
                        body.find("#jieguoBox").hide()//展示
                        body.find("#btn").show();

                        body.find('#dataId').val(data.swapId)
                        body.find('#Showwat').val('修改')

                        //类型回显
                        body.find("#type option").each(function (index, item) {
                            if (item.value == data.type) {
                                $(this).attr("selected", true)
                                $("#type").attr("value", item.text)
                            }
                        })
                        iframeWin.layui.form.render("select")
                    }
                })
            } else if (layEvent === "drawbackLook") {
                layer.open({
                    content: "./edit_infoAudit.html",
                    type: 2,//打开的窗口的类型
                    area: ["600px", "500px"],
                    title: "查看信息",
                    // btn: ['确认', '取消'],//开启显示按钮功能
                    // btnAlign: 'c',//居中显示按钮
                    // shade:true,
                    shadeClose: true,
                    success: function (layero, index) {
                        // console.log(data)//获取点击行的数据,获取打开的iframe

                        var body = layer.getChildFrame('body', index);
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                        console.log(iframeWin, "子窗口对象")
                        //行信息数据回显
                        console.log(data, "行信息")


                        body.find('#nickName').html(data.nickName) //用户名
                        body.find('#name').html(data.name) //真实姓名

                        if (data.sex == "1") {
                            body.find('#sex').html('男') //性别
                        } else if (data.sex == "2") {
                            body.find('#sex').html('女') //性别
                        } else {
                            body.find('#sex').html('未知') //性别
                        }

                        body.find('#birthDay').html(data.birthDay) //出生日期

                        // if (data.identity == "1") {
                        //     body.find('#identity').html('教练员') //身份
                        // } else if (data.identity == "2") {
                        //     body.find('#identity').html('裁判员') //身份
                        // } else if (data.identity == "3") {
                        //     body.find('#identity').html('球员') //身份
                        // } else {
                        //     body.find('#identity').html('其他') //身份
                        // }
                        body.find('#identity').html(data.identity) //身份

                        if (data.documentType == "1") {
                            body.find('#documentType').html('身份证') //证件类型
                        } else if (data.documentType == "2") {
                            body.find('#documentType').html('护照') //证件类型
                        } else if (data.documentType == "3") {
                            body.find('#documentType').html('户口本') //证件类型
                        } else {
                            body.find('#documentType').html('未知') //证件类型
                        }

                        body.find('#documentNumber').html(data.documentNumber) //证件号码
                        body.find('#city').html(data.city) //城市
                        body.find('#area').html(data.area) //地区
                        body.find('#address').html(data.address) //通信地址
                        body.find('#introduction').html(data.introduction) //个人简介
                        body.find('#headPortraitUrl').attr("src", data.headPortraitUrl);   //头像

                        body.find("#chakany").hide();

                        if (data.isPass == 1) {
                            body.find('#jieguo').html('通过') //成功
                            body.find('#yuanyinBox').hide() //展示
                        } else if (data.isPass == 2) {
                            body.find('#jieguo').html('未通过') //失败
                            body.find('#yuanyin').html(data.passCause) //失败
                        }

                        body.find('#dataId').val(data.swapId)
                        body.find('#Showwat').val('查看')


                        //类型回显
                        body.find("#type option").each(function (index, item) {
                            if (item.value == data.type) {
                                $(this).attr("selected", true)
                                $("#type").attr("value", item.text)
                            }
                        })
                        iframeWin.layui.form.render("select")
                    }
                })
            }
        });

    });
</script>